@charset "utf-8";
/*全局*/
html, body, div, object, pre, code, h1, h2, h3, h4, h5, h6, p, span, em,
cite, del, a, img, ul, li, ol, dl, dt, dd, fieldset, legend, form,
input, button, textarea, header, section, footer, article, nav, aside,
menu, figure, figcaption{
    margin: 0;
    padding: 0;
    outline: none
}
fieldset,img{
    border: 0;
}
input,textarea,select{
    -webkit-appearance: none;
    outline: none;
    border-radius:0;
}
body {
    padding:0;
    margin:0;
    color:#4A4A4A;
    font-family:微软雅黑;
    background:#ffffff;
}
div,dl,dt,dd,ul,h1,h2,h3,p {
    padding:0;
    margin:0;
}
li {
    list-style:none;
}
img {
    border:0;
    display:block;
}
a {
    outline:none;
    -webkit-tap-highlight-color:rgba(0,0,0,0);
    color:#4A4A4A;
    text-decoration:none;
}
a:active {
    color:#fff;
    text-decoration:none;
}
html {
    font-size:12px;
    font-family:微软雅黑;
}
span,p,input{
    font-family:微软雅黑;
    color:#4A4A4A;
}
.nowrap{
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}







/*屏幕尺寸小于640px时*/
@media screen and (max-width:640px){
    body,html{
        max-width:auto;
    }
    .fixed_right{
        width:200px;
        position:fixed;
        top:80px;
        right:-140px;
        z-index:1000;
    }
    .fixed_right>li{
        height:55px;
        background:#007DC6;
        margin-top:1px;
        box-sizing:border-box;
        position:relative;
        right:0;
        -moz-transition-duration:all 1s ease;
        -webkit-transition-duration:all 1s ease;
        transition:all 1s ease;
        overflow:hidden;
    }
    .fixed_right li:hover{
        right:140px;
    }
    .fixed_right li:nth-child(4):hover{
        height:100%;
    }
    .fixed_right>li .fixed_l{
        float:left;
        width:30%;
        text-align:center;
        color:#fff;
        padding:4px 0;
    }
    .fixed_right>li .fixed_r{
        float:left;
        width:70%;
        color:#fff;
        font-size:16px;
        line-height:55px;
        overflow:hidden;
    }
    .fixed_right>li .fixed_l i{
        font-size:26px;
        color:#fff;
    }
    .fixed_right>li .fixed_l p{
        font-size:12px;
        color:#fff;
        line-height:20px;
    }
    .fixed_right>li img{
        max-width:140px;
    }
    #newBridge .nb-icon-wrap{
        left:0!important;
    }
    #newBridge .nb-icon-right-center{
        top:80%!important;
    }
/*头部*/
    .pcimg{
        display:none!important;
    }
    .top{
        height:61px;
        position:fixed;
        z-index:1000;
        top:0;
        left:0;
        background:#007dc6
    }
    .top .menu_list{
        width:100%;
        position:fixed;
        top:-80%;
        left:0;
        height:80%;
        background:#fff;
        box-sizing:border-box;
        padding:20px 20px 0 30px;
    }
    .top .menu_list .logo{
        width:60%;
        height:40px;
        position:fixed;
        top:10px;
        left:20%;
        text-align:center;
        border-radius:6px;
    }
    .top .menu_list .logo img{
        height:100%;
        display:inline;
    }
    .content .information .tit_img li{
        float:left;
        width:29.33%;
        margin:0 2%;
    }
    .content .information .tit_img li img{
        width:100%;
    }
    .top .menu_btn{
        float:right;
        width:61px;
        height:61px;
        line-height:61px;
        text-align:center;
    }
    .top .menu_btn i{
        font-size:28px;
        color:#fff;
    } 
    .top .menu_list .cancel_btn{
        float:right; 
    }
    .top .menu_list .cancel_btn i{
        font-size:25px;
    }
    .top .menu_list li{
        clear:both;
        font-size:16px;
        color:#000;
        padding:10px 0 0 0;
    }
    .top .menu_list .menu_list_ul_ul{
        position:absolute;
        background:#eee;
        padding: 0 0 0 20px;
    }
    .top .menu_list li .title_c{
        color:#080808;
    }
    .top .menu_list li .title_e{
        font-size:12px;
        color:#666;
        line-height:20px;
    }
    .top .shadow{
        width:100%;
        height:20%;
        position:fixed;
        bottom:-20%;
        left:0;
        background:rgba(0,0,0,0.5);
    }

    /*首页*/
    .content{
        margin-top:61px;
    }
    .content .information{
        width:84.5%;
    }
    .content .information .top_title{
        width:89%;
        padding:28px 0;
    }
    .content .information .top_title .tit{
        font-size:15px;
    }
    .content .information .top_title .info{
        font-size:12px;
        line-height:20px;
        padding:4px 0;
    }
    .content .information .tit_img{
        margin-bottom:23px;
    }
     .content .information .tit_img li{
        float:left;
        width:29.33%;
        margin:0 2%;
    }
    .content .information .tit_img li img{
        width:100%;
    }

    .content .information .tit_img .index_img_left,
    .content .information .tit_img .index_img_right{
        float:left;
        width:48%;
        margin:0 1% 41px 1%;
    }
    .swiper-button-prev,
    .swiper-button-next{
        display:none;
    }
    /*底部*/
    .bottom .bottom_nav1{
        width:100%;
        margin:0 auto;
        padding:10px 0 0 0;
        line-height:25px;
        text-align:center;
    }
    .bottom .bottom_nav1 a{
        font-size:12px;
    }
    .bottom .bottom_nav1 span{
        font-size:10px;
    }
    .bottom .bottom_nav2{
        width:80%;
        margin:0 auto;
        box-sizing:border-box;
        padding:10px 0;
        text-align:left;
    }
    .bottom .bottom_nav2 .left{
        font-size:10px;
        float:left;
        width:20%;
        color:#fff;
        line-height:20px;
    }
    .bottom .bottom_nav2 .right{
        font-size:10px;
        float:left;
        width:60%;
    }
    .bottom .bottom_nav2 a{
        font-size:10px;
        padding-right:8px;
        line-height:20px;
        white-space:nowrap;
    }
    .bottom .blank{
        width:95%;
        margin:0 auto;
        height:15px;
        border-bottom:1px dashed #979797;
        margin-bottom:10px;
        clear:both;
    }
    .bottom .message{
        width:80%;
        margin:0 auto;
        font-size:10px;
        color:#fff;
        line-height:25px;
    }
    .bottom .message p{
        color:#fff;
    }
    .carousel .swiper_title,
    .carousel .huandeng{
        width:75%;
    }
    .carousel .swiper_title .c_tit{
        padding:11px 0 14px 0;
        font-size:15px;
    }
    .carousel .swiper_title .e_tit{
        display:none;
    }
    .carousel .huandeng .swiper_tit{
        font-size:13px;
        line-height:35px;
    }
    .carousel .huandeng .swiper_info{
        font-size:12px;
        line-height:17x;
        padding-bottom:11px;
    }
    /*产品页面*/
    .content .product_list{
        width:90%;
        padding-bottom:30px;
        overflow:hidden;
    }
    .content .product_list .product_tit{
        padding:20px 0 30px 0;
    }
    .content .product_list ul li .product_title{
        font-size: 12px;
        letter-spacing: 0.05px;
        padding-top:19px;
    }
    .content .product_list ul li img{
        width:60px;
        height:60px;
        display:inline;
    }
    .content .product_list ul li{
        width:25%;
        margin:0 0 45px 0;
        text-align:center;
    }
    /*案例页面*/
    .contents{
        margin-top:61px;
    }
    .contents .case_list{
        width:90%;
    }
    .contents .case_list .case_title{
        padding:17px 0 0 0;
    }
    .contents .case_list .case_e{
        font-size: 16px;
    }
    .contents .case_list .case_c{
        font-size: 12px;
        padding-top:3px;
    }
    .contents .case_list .case_blank{
        margin:7px auto 0 auto;
    }
    .contents .case_introduce p{
        font-size: 12px;
        letter-spacing: 0.22px;
        padding:20px 0;
        line-height:17PX;
    }
    .contents .classic_case li{
        width:100%;
        float:left;
        margin-bottom:5px;
    }
    .contents .classic_case li img{
        width:100%;
    }
    .contents .case_list .more_case{
        padding:35px 0 33px 0;
        overflow:hidden;
    }
    .contents .case_list .more_case li{
        width:49%;
        margin-top:11px;
    }
    .contents .case_list .more_case li:nth-child(even){
        margin:11px 0 0 2%;
    }
   .contents .case_list .more_case li img{
        width:100%;
    }
     .contents .case_list .more_case li .case_bottom{
        width:100%;
        background:#fff;
        position:relative;
    }
    .contents .case_list .more_case li .case_bottom .box1{
        width:100%;
        padding:10px 9px;
        top:0;
        left:0;
        box-sizing:border-box;
        background: #FCFBFB;
    }
    .contents .case_list .more_case li .case_bottom .box1 .disappear_info{
        line-height:14px;
        text-align:justify;
        padding:5px 0;
    }
    .contents .case_list .more_case li .case_bottom .box2{
        width:100%;
        height:100%;
        background:#fff;
        position:absolute;
        bottom:-100%;
        overflow:hidden;
        background: #FCFBFB;
    }
    .contents .case_list .more_case li .case_bottom .box2 img{
        width:72px;
        height:72px;
        display:block;
        margin:20px auto 0 auto;
    }
    .contents .case_list .more_case li .case_bottom .box2 .case_appear{
        text-align:center;
        color:#878688;
        font-size: 9px;
        padding:10px 0 10px 0;
    }
    /*升级公告*/
    .content .article_list{
        width:86%;
        margin:7px auto;
    }
   .content .article_list li:nth-child(1){
        border-top:none;
    }
    .content .article_list li{
        border-top:1px dashed #979797;
        padding:15px 0;
        overflow:hidden;
    }
    .content .article_list li .article_left{
        float:left;
        width:15%;
        box-sizing:border-box;
    }
    .content .article_list li .article_left>div{
        width:40px;
        height:40px;
        background:#F4F4F4;
        text-align:center;
        box-sizing:border-box;
       margin-top:4px;
    }
    .content .article_list li .article_left .mouth{
        font-size:14px;
    }
    .content .article_list li .article_left .day{
        font-size:8px;
        line-height:15px;
    }
    .content .article_list li .article_right{
        float:left;
        width:85%;
        box-sizing:border-box;
    }
    .content .article_list li .article_right .article_tit{
        padding:0 0 0 5px;
    }
    .content .article_list li .article_right .article_info{
        font-size: 12px;
        color: #747474;
        line-height:18px;
        padding:7px 0 0 5px;
    }
     .content .more_article{
        width:60%;
        height:30pxpx;
        line-height:30px;
        font-size:15px;
        margin:30px auto 30px auto;
    }
    /*关于我们*/
    .contents .about_introduce{
       /* padding:20px 0 0 0;*/
        color:#000;
    }
    .contents .case_list .about_message{
        width:100%;
        overflow:hidden;
        margin:20px 0 0 0;
        border-bottom:1px solid #EBEBEB;
    }
    .contents .case_list .about_fill .about_t{
        font-size: 14px;
        color: #4A4A4A;
        text-align:center;
        padding:22px 0 20px 0;
    }
    .contents .case_list .about_message .about_right img{
        width:100%;
    }
     .contents .case_list .about_fill{
        clear:both;
        width:100%;
        padding:37px 0 0 0;
    }
    .contents .case_list .about_fill .fill_left{
        width:100%;
    }
    .contents .case_list .about_fill .fill_left p{
        font-size:14px;
        color:#4A4A4A;
        line-height:31px;
    } 
    .contents .case_list .about_fill .fill_left input{
        width:100%;
        height:39px;
        background:#FFFFFF;
        border:1px solid #EAEAEA;
        padding:0 0 0 10px;
        box-sizing:border-box;
        font-size: 10px;
        color: #C3C3C3;
    }
    .contents .case_list .about_fill .fill_center{
        width:100%;
    }
    .contents .case_list .about_fill .fill_center p{
        font-size: 14px;
        color: #4A4A4A;
        line-height:31px;
    }
    .contents .case_list .about_fill .fill_center textarea{
        width:100%;
        border:1px solid #EAEAEA;
        color: #C3C3C3;
        font-size:10px;
        box-sizing:border-box;
        padding:11px;
        text-align:left;
    }
    .contents .case_list .about_fill .fill_right{
        width:90%;
        box-sizing:border-box;
        padding-top:20px;
        margin:0 auto;
        border-bottom:1px solid #EBEBEB;
    }
    .contents .case_list .about_fill .fill_right p{
        font-size: 15px;
        color: #4A4A4A;
    }
    .contents .case_list .about_fill .fill_right img{
        width:50%;
        margin:31px auto 30px auto;
    }
    .about_bottom{
        width:100%;
        background:#F7F7F7;
    }
    .about_get{
        width:70%;
        overflow:hidden;
        margin:0 auto;
    }
    .about_get li{
        width:100%;
        padding:0 0 38px 0;
    }
    .about_get li img{
        width:76px;
        height:76px;
        margin:26px auto 32px auto;
    }
    .about_get li .get_tit{
        border-top:1px solid #AEAFAE;
        border-bottom:1px solid #AEAFAE;
        text-align:center;
        padding:11px 0;
        margin-bottom:8px;
    }
    .about_get li .get_tit .get_namer{
        font-size:20px;
        color:#4A4A4A;
    }
    .about_get li .get_tit .get_namer_e{
        font-size:13px;
        color:#4A4A4A;
    }
    .about_get li .get_title{
        font-size: 12px;
        color: #4A4A4A;
        padding:13px 0 0 0;
    }
    .about_get li .get_info{
        font-size: 10px;
        color: #4A4A4A;
        line-height:17px;
        padding-top:5px;
    }
    /*文章详情*/
    .content .detail_top{
        float:none;
        width:95%;
        margin:0 auto;
        padding: 30px 0;
    }
    .content .detail_top h5{
        word-break: break-word;
        font-size:30px;
    }
    .content .detail_top .author{
        width:100%;
        overflow:hidden;
        margin:15px 0 0 0;
    }
    .content .detail_top .author .detail_img{
        float:left;
        width:36px;
        height:36px;
        border-radius:100%;
        overflow:hidden;
        cursor:pointer;
    }
    .content .detail_top .author .detail_img img{
        width:36px;
    }
    .content .detail_top .author .detail_info{
        float:left;
        cursor:pointer;
    }
    .content .detail_top .author .detail_info .author{
        padding: 0px 2px;
        font-size: 11px;
        color: #ea6f5a;
        border: 1px solid #ea6f5a;
        border-radius: 3px;
    }
    .content .detail_top .author .detail_info .author_name{
        color:#333;
        margin-left: 3px;
        margin-right: 3px;
        font-size: 15px;
        font-weight: 700;
    }
    .content .detail_top .author .detail_info p{
        padding:0 0 0 13px;
        line-height:17px;
    }
    .content .detail_top .author .detail_info .author_time span{
        padding-right:10px; 
        font-size:12px;
        color:#969696;
    }
    .content .article_infos{
        width:95%;
        margin:0 auto;
        padding:0 0 40px 0;
    }
    .content .detail_top_img{
        width:100%;
        margin:0 auto;
    }
    .content .detail_top_img img{
        width:100%;
    }
    /*资讯页面*/
    .page{
        width:95%;
        overflow:auto;
        margin:20px auto;    
    }
    .page>li{
        float:left;
    }
    .page li:nth-child(1){
        border-left:1px solid #ddd;
    }
    .page li a,.page li span{
        float:left;
        padding:1px 8px;
        line-height:24px;
        border-width:1px 1px 1px 0;
        border-style:solid;
        border-color:#ddd;
        font-size:12px;
        color:#009DD9;
    }
    .page li span{
        background:#009DD9;
        color:#fff;
    }
    .page li:not(first) a:hover{
        background:#009DD9;
        color:#fff;
    }
    .content .information_list{
        width:100%;
        margin:0 auto;
    }
    .content .information_list li{
        border-top:1px solid #999;
        padding:20px 10px;
        overflow:hidden;
        box-sizing:border-box;
    }
    .content .information_list li:nth-child(1){
        border-top:none;
    }
    .content .information_list li .information_left{
        float:left;
        width:calc(100% - 80px);
        padding:0 10px 0 0;
        box-sizing:border-box;
    }
    .content .information_list li .information_right{
        float:right;
        width:80px;
        height:80px;
        border-radius:4px;
        overflow:hidden;
    }
    .content .information_list li .information_right img{
        width:80px;
        height:80px;
    }
    .content .information_list li .information_left .information_left_title{
        font-size:13px;
        font-weight:600;
    }
    .content .information_list li .information_left .information_left_time{
        font-size:10px;
        line-height:25px;
    }
    .content .information_list li .information_left .information_left_info{
        font-size:11px;
        line-height:20px;
        white-space:;
        text-overflow:ellipsis;
        overflow:hidden;
    }
}







/*屏幕尺寸大于640px时*/
@media screen and (min-width:640px){
    body,html{
        min-width:1000px;
    }
    .fixed_right{
        width:300px;
        position:fixed;
        top:150px;
        right:-180px;
        z-index:1000;
    }
    .fixed_right>li{
        height:70px;
        background:#007DC6;
        margin-top:1px;
        box-sizing:border-box;
        position:relative;
        right:0;
        -moz-transition-duration:all 1s ease;
        -webkit-transition-duration:all 1s ease;
        transition:all 1s ease;
       /* overflow:hidden;*/
    }
    .fixed_right li:hover{
        right:180px;
    }
    .fixed_right li:nth-child(4):hover{
        height:100%;
    }
    .fixed_right>li .fixed_l{
        float:left;
        width:40%;
        text-align:center;
        color:#fff;
        padding:10px 0;
    }
    .fixed_right>li .fixed_r{
        float:left;
        width:60%;
        color:#fff;
        font-size:20px;
        line-height:70px;
        overflow:hidden;
    }
    .fixed_right>li .fixed_l i{
        font-size:26px;
        color:#fff;
    }
    .fixed_right>li .fixed_l p{
        font-size:15px;
        color:#fff;
        line-height:10px;
        line-height:20px;
    }
    .fixed_right>li img{
        max-width:180px;
    }
    #newBridge .icon-right-center{
        top:50%;
        left:1%;
    }
    /*头部*/
    .mobileimg{
        display:none!important;
    }
    .top{
        height:71px; 
        background:#F9F9F9;
    }
    .top .menu_list .logo {
        width: 25%;
        height: 71px;
        background: #007dc6;
        float: left;
        text-align: center;
    }
    .top .menu_list .logo>img {
        display:inline;
        margin-top: 9px;
    }
    .top .menu_list{
        width:100%;
    }
    .top .menu_list .menu_list_ul{
        float:right;
        position:relative;
        z-index:10;
        min-width:640px;
    }
    .top .menu_list .menu_list_ul>li{
        font-size:14px;
        line-height:71px;
        float:left;
        text-align:center;
    }
    .top .menu_list .menu-list_ul>li:nth-child(2):hover{
        background:#fff;
        border:1px solid #e8dfdf;
        border-top:1px solid #e8dfdf;
    }
    .top .menu_list .menu_list_ul>li .menu_list_ul_ul{
        background:#fff;
        position:absolute;
        border-radius:0 0 5px 5px;
        padding:0 14px;
    }
    .top .menu_list .menu_list_ul>li .menu_list_ul_ul li{
        font-size:13px;
        line-height:40px;
    }
    .top .menu_list .menu_list_ul>li .menu_list_ul_ul li:hover{
        color:#e00;
    }

    .top .menu_list .menu_list_ul li p{
        padding:0 40px;
    }
    .top .menu_list li .title_c{
        color:#4A4A4A;
    }
    .top .menu_list li .title_e,
    .top .menu_btn,.top .cancel_btn{
        display:none;
    }
    .bottom .bottom_nav1,
    .bottom .bottom_nav2,
    .bottom .message{
        width:100%;
        margin:0 auto;
        text-align:center;
        clear:both;
    }
    .bottom .bottom_nav1 a,span{
        font-size:16px;
    }
    .bottom .bottom_nav1 a{
        padding:0 20px;
    }
    .bottom .bottom_nav2 a,span,p{
        font-size:14px;
    }
    .bottom .bottom_nav1{
        line-height:60px;
    }
    .bottom .bottom_nav2 .left,
    .bottom .bottom_nav2 .right{
        display:inline;
        font-size:14px;
        color:#fff;
        margin:0 auto;
    }
    .bottom .bottom_nav2 a{
        padding:0 10px;
    }
    .bottom .bottom_nav2{
        line-height:60px;
    }
    .bottom .blank{
        width:100%;
        height:30px;
        border-bottom:1px dashed #979797;
    }
    .bottom .message{
        line-height:30px;
        padding-top:50px;
    }
    .content .information{
        width:63%;
        padding-top:20px;
        box-sizing:border-box;
    }
    .content .information .top_title{
        width:65%;
        padding:50px 0 30px 0;
    }
    .content .information .top_title .tit{
        font-size:30px;
        line-height:60px;
    }
    .content .information .top_title .info{
        font-size:20px;
        text-align:center;
        line-height:30px;
    }
    .carousel .swiper_title{
        padding:46px 0; 
    }
    .carousel .huandeng{
        width:70%;
    }
    .carousel .huandeng .swiper-container{
        width:100%;
        margin:0 auto;
    }
    .carousel .swiper_title .c_tit{
        font-size:36px;
    }
    .carousel .swiper_title .e_tit{
        font-size:20px;
    }
    .carousel .swiper{
        width:100%;
        padding:20px 0;
    }
    .carousel .huandeng .swiper_tit{
        font-size:16px;
        padding:31px 0 0 0;
    }
    .carousel .huandeng .swiper_info{
        font-size:14px;
        line-height:20px;
        padding:12px 0 56px 0;
    }
    .carousel{
        position:relative;
    }
    .swiper_wrapper{
        position:none!important;
    }
    .swiper_button_prev{
        background:url(../images/14.png)!important;
        position:absolute!important;
        top:45%!important;  
    }
    .swiper_button_next{
        background:url(../images/15.png)!important;
        position:absolute!important;
        top:45%!important;
    }
    .swiper_button_next,
    .swiper_button_prev{
        width:80px!important;
        height:80px!important;
        z-index:100;
    }
     .content .information .tit_img li{
        float:left;
        width:18%;
        margin:0 1%;
    }
    .content .information .tit_img li img{
        width:100%;
    }

    /*产品页面*/
    .content .product_list{
        width:640px;
        padding-bottom:100px;
        overflow:hidden;
    }
    .content .product_list .top_title .product_tit{
        padding-top:70px;
    }
    .content .product_list ul li{
        width:100px;
        height:150px;
        margin:50px 30px 0 30px;
    }
    .content .product_list ul li:nth-last-child{
        margin-bottom:70px;
    }
    .content .product_list ul li img{
        width:74px;
        height:74px;
        margin:0 13px;
    }
    .content .product_list ul li .product_title{
        font-size:14px;
        line-height:35px;
    }
    .content .product_list ul li .detail{
        font-size:12px;
        line-height:20px;
    }
    /*案例页面*/
    .contents{
        width:100%;
        background:#F9F9F9;
    }
    .contents .case_list{
        width:63%;
    }
    .contents .case_list .case_title{
        padding:40px 0 0 0;
    }
    .contents .case_list .case_e{
        font-size:24px;
        line-height:40px;
    }
    .contents .case_list .case_c{
        font-size:14px;
    }
    .contents .case_list .case_blank{
        margin:24px auto 0 auto;
    }
    .contents .case_introduce{
        padding:20px 20px 0 20px;
    }
    .contents .case_introduce p{
        font-size:14px;
        letter-spacing:0.28px;
        line-height:25px;
    }
    .contents .classic_case li{
        width:49%;
        float:left;
        margin-top:50px;
    }
    .contents .classic_case li img{
        width:100%;
    }
    .contents .classic_case li:nth-child(even){
        margin-left:2%;
    }
    .contents .case_list .more_case{
        padding:38px 0 75px 0;
        overflow:hidden;
    }
    .contents .case_list .more_case li{
        width:23%;
        float:left;
        margin:15px 1%;
        overflow:hidden;
    }
    .contents .case_list .more_case li img{
        width:100%;
    }
    .contents .case_list .more_case li .case_bottom{
        width:100%;
        background:#fff;
        position:relative;
    }
    .contents .case_list .more_case li .case_bottom .box1{
        width:100%;
        height:200px;
        padding:10px;
        top:0;
        left:0;
        box-sizing:border-box;
        padding:15px 10px;
    }
    .contents .case_list .more_case li .case_bottom .box1 .disappear_info{
        line-height:14px;
        text-align:justify;
        padding:7px 0 20px 0;
    }
    .contents .case_list .more_case li .case_bottom .box1 .disappear_address{
        line-height:40px;
        padding-top:20px;
        position:absolute;
        bottom:0;
    }
    .contents .case_list .more_case li .case_bottom .box2{
        width:100%;
        height:200px;
        background:#fff;
        position:absolute;
        bottom:-100%;
        overflow:hidden;
    }
    .contents .case_list .more_case li .case_bottom .box2 img{
        width:72px;
        height:72px;
        display:block;
        margin:40px auto 0 auto;
    }
    .contents .case_list .more_case li .case_bottom .box2 .case_appear{
        text-align:center;
        font-size:10px;
        color:#878688;
        padding:7px 0 14px 0;
    }
    /*升级公告*/
    .content .article_list{
        width:62%;
        margin:40px auto;
    }
    .content .article_list li:nth-child(1){
        border-top:none;
    }
    .content .article_list li{
        border-top:1px dashed #979797;
        padding:30px 0 43px 0;
        overflow:hidden;
    }
    .content .article_list li .article_left{
        float:left;
        width:10%;
    }
    .content .article_list li .article_left>div{
        width:63px;
        height:65px;
        background:#F4F4F4;
        text-align:center;
        box-sizing:border-box;
        padding-top:15px;
    }
    .content .article_list li .article_left .mouth{
        font-size:18px;
        color:#4A4A4A;
    }
    .content .article_list li .article_left .day{
        font-size:10px;
        line-height:15px;
    }
    .content .article_list li .article_right{
        float:left;
        width:90%;
    }
    .content .article_list li .article_right .article_tit{
        padding-top:3px;
    }
    .content .article_list li .article_right .article_info{
        padding:5px 0;
    }
    .content .more_article{
        width:188px;
        height:46px;
        line-height:46px;
        font-size:20px;
        margin:30px auto 98px auto;
    }
    /*关于我们*/
    .contents .case_list .about_message{
        width:100%;
        overflow:hidden;
        margin-top:45px;
        padding-bottom:59px;
        border-bottom:1px solid #EBEBEB;
    }
    .contents .case_list .about_message .about_left{
        float:left;
        width:34%;
    }
    .contents .case_list .about_message .about_left p{
        font-size:14px;
        color:#4A4A4A;
        padding-bottom:20px;
    }
    .contents .case_list .about_message .about_right{
        float:left;
        width:66%;
    }
    .contents .case_list .about_message .about_right img{
        width:100%;
    }
    .contents .case_list .about_fill{
        clear:both;
        width:100%;
        height:218px;
        padding:37px 0 51px 0;
        border-bottom:1px solid #EBEBEB;
    }
    .contents .case_list .about_fill .fill_left{
        float:left;
        width:28%;
    }
    .contents .case_list .about_fill .fill_left p{
        font-size: 14px;
        color: #4A4A4A;
        line-height:31px;
    } 
    .contents .case_list .about_fill .fill_left input{
        width:100%;
        height:39px;
        background:#FFFFFF;
        border:1px solid #EAEAEA;
        padding:0 0 0 10px;
        box-sizing:border-box;
        font-size: 10px;
        color: #C3C3C3;
        display:block;
    }
    .contents .case_list .about_fill .fill_center{
        float:left;
        width:45%;
        margin-left:4%;
    }
    .contents .case_list .about_fill .fill_center p{
        font-size: 14px;
        color: #4A4A4A;
        line-height:31px;
    }
    .contents .case_list .about_fill .fill_center textarea{
        width:100%;
        border:1px solid #EAEAEA;
        color: #C3C3C3;
        font-size:10px;
        box-sizing:border-box;
        padding:11px;
        text-align:left;
    }
    .contents .case_list .about_fill .fill_right{
        float:left;
        width:18%;
        margin-left:5%;
        box-sizing:border-box;
        padding-top:25px;
        position:relative;
        top:0;
        left:0;
        height:100%;
    }
    .contents .case_list .about_fill .fill_right p{
        font-size: 15px;
        color: #4A4A4A;
        line-height:25px;
    }
    .contents .case_list .about_fill .fill_right img{
        width:100%;
        position:absolute;
        bottom:11px;
    }
    .about_bottom{
        width:100%;
        background:#F7F7F7;
    }
    .about_get{
        width:63%;
        overflow:hidden;
        margin:0 auto;
    }
    .about_get li{
        width:25%;
        margin:0 4.1% 45px 4.1%;
        float:left;
    }
    .about_get li img{
        width:72px;
        height:72px;
        margin:50px auto 32px auto;
        border-radius:100%;
    }
    .about_get li .get_tit{
        border-top:1px solid #AEAFAE;
        border-bottom:1px solid #AEAFAE;
        text-align:center;
    }
    .about_get li .get_tit .get_namer{
        font-size: 20px;
        color: #4A4A4A;
        line-height:40px;
    }
    .about_get li .get_tit .get_namer_e{
        font-size: 13px;
        color: #4A4A4A;
        padding-bottom:10px;
    }
    .about_get li .get_title{
        font-size: 12px;
        color: #4A4A4A;
        padding:15px 0 0 0;
    }
    .about_get li .get_info{
        font-size: 10px;
        color: #4A4A4A;
        line-height: 15px;
        padding-top:5px;
    }
    /*文章详情*/
    .content .detail_top{
        float:none;
        width:45%;
        margin:0 auto;
        padding: 30px 0;
    }
    .content .detail_top h5{
        word-break: break-word;
        font-size:34px;
    }
    .content .detail_top .author{
        width:100%;
        overflow:hidden;
        margin:30px 0;
    }
    .content .detail_top .author .detail_img{
        float:left;
        width:48px;
        height:48px;
        border-radius:100%;
        overflow:hidden;
        cursor:pointer;
    }
    .content .detail_top .author .detail_img img{
        width:48px;
    }
    .content .detail_top .author .detail_info{
        float:left;
        cursor:pointer;
    }
    .content .detail_top .author .detail_info .author{
        padding: 1px 2px;
        font-size: 12px;
        color: #ea6f5a;
        border: 1px solid #ea6f5a;
        border-radius: 3px;
    }
    .content .detail_top .author .detail_info .author_name{
        color:#333;
        margin-left: 3px;
        margin-right: 3px;
        font-size: 16px;
        font-weight: 700;
    }
    .content .detail_top .author .detail_info .author_concern{
        padding: 0 7px 0 5px;
        font-size: 12px;
        border-radius: 40px;
        color: #fff;
        background-color: #42c02e;
    }
    .content .detail_top .author .detail_info p{
        padding:5px 0 0 20px;
    }
    .content .detail_top .author .detail_info .author_time span{
        padding-right:10px; 
        font-size:12px;
        color:#969696;
    }
    .content .article_infos{
        width:45%;
        margin:0 auto;
        padding:0 0 40px 0;
    }
    .content .detail_top_img{
        width:50%;
        margin:0 auto;
    }
    .content .detail_top_img img{
        width:100%;
    }
    /*资讯页面*/
    .page{
        width:60%;
        overflow:auto;
        margin:20px auto;    
    }
    .page>li{
        float:left;
    }
    .page li:nth-child(1){
        border-left:1px solid #ddd;
    }
    .page li a,.page li span{
        float:left;
        padding:6px 14px;
        line-height:24px;
        border-width:1px 1px 1px 0;
        border-style:solid;
        border-color:#ddd;
        font-size:16px;
        color:#009DD9;
    }
    .page li span{
        background:#009DD9;
        color:#fff;
    }
    .page li:not(first) a:hover{
        background:#009DD9;
        color:#fff;
    }   
    .content .information_list{
        width:60%;
        margin:0 auto;
    }
    .content .information_list li{
        border-top:1px solid #999;
        padding:30px 0;
        overflow:hidden;
        box-sizing:border-box;
    }
    .content .information_list li:nth-child(1){
        border-top:none;
    }
    .content .information_list li .information_left{
        float:left;
        width:80%;
    }
    .content .information_list li .information_right{
        float:right;
        width:100px;
        height:100px;
        border-radius:4px;
        overflow:hidden;
    }
    .content .information_list li .information_right img{
        width:100px;
        height:100px;
    }
    .content .information_list li .information_left .information_left_title{
        font-size:16px;
        font-weight:600;
    }
    .content .information_list li .information_left .information_left_time{
        font-size:12px;
        line-height:35px;
    }
    .content .information_list li .information_left .information_left_info{
        font-size:14px;
        line-height:20px;
        white-space:;
        text-overflow:ellipsis;
        overflow:hidden;
    }
    .backtotop{
        display:none;
    }
}


/*公共的css*/
    /*首页*/
    .top{
        width:100%;
        box-sizing:border-box;
    }
    .top .menu_list .menu_list_ul>li .menu_list_ul_ul{
        display:none;
    }
    .top .menu_list li{
        cursor:pointer;
    }
    .top .menu_list li p:hover{
        color:#e00;
    }
    .top .menu_list .menu_list_ul>li:nth-child(2):hover{
        background:#fff;
    }
    .top .menu_list .menu_list_ul_ul>li:hover{
        background:#EEEEEE;
        color:#e00;
    }
    .content{
        width:100%;
        background:#fff;
    }
    .top_img{
        width:100%;
    }
    .top_img img{
        width:100%;
        display:block;
    }
    .bottom{
        width:100%;
        background:#313E5C;
        clear:both;
    }
    .bottom a,.bottom span,.bottom p{
        color:#fff;
    }
    .bottom .message .email{
        padding-left:35px;
    }
    .bottom .message .copyright{
        color:#9B9B9B;
    }
    .content .information{
        margin:0 auto;
    }
    .content .information .top_title{
        margin:0 auto;
    }
    .content .information .top_title .tit{ 
        color:#4A4A4A;
        text-align:center;
    }
    .content .information .top_title .info{
        color:#4A4A4A;
    }
    .content .information .tit_img img{
        width:100%;
        display:block;
    }
    .carousel{
        width:100%;
        background:#F3F7FD;
        overflow:hidden;
    }
    .carousel .swiper_title{
        text-align:center; 
        margin:0 auto;
    }
    .carousel .huandeng{
        margin:0 auto;
    }
    .carousel .swiper_title .c_tit{
        color:#4A4A4A;
    }
    .carousel .swiper_title .e_tit{
        color:#4A4A4A;
    }
    .carousel .swiper{
        width:100%;
        padding:20px 0;
    }
    .carousel .huandeng .swiper_tit{
        color:#4A4A4A;
    }
    .carousel .huandeng .swiper_info{
        color:#8A8A8A;
    }
    /*产品页面*/
    .content .product_list{
        margin:0 auto;
    }
    .content .top_title{
        clear:both;
    }
    .content .product_list ul li .detail{
        color:#A6A8A6;
        letter-spacing:0.05px;
    }
    .content .product_list ul li .product_title{
        color:#4A4A4A;
        letter-spacing:0.06px;
    }
    .content .product_list ul li{
        text-align:center;
        float:left;
    }
    .content .product_list .top_title .product_tit{
        text-align:center;
        font-size:18px;
        color: #4A4A4A;
        letter-spacing:0.08px;
    }
    /*案例页面*/
    .contents .case_list{
        margin:0 auto;
    }
    .contents .case_list .case_title{
        border-bottom:1px solid #EBEBEB;
        text-align:center;
        clear:both;
    }
    .contents .case_list .case_e{
        color:#4A4A4A;
    }
    .contents .case_list .case_c{
        color:#4A4A4A;
    }
    .contents .case_list .case_blank{
        height:3px;
        width:13px;
        background:#000;
    }
    .contents .case_introduce p{
        color: #4A4A4A;
        letter-spacing:0.28px;
        text-indent:2em;
        text-align:justify;
    }
    .contents .case_list .more_case li{
        float:left;;
        overflow:hidden;
    }
    .contents .case_list .more_case li .case_bottom .box1 .disappear_tit,
    .disappear_info,
    .disappear_address{
        font-size: 11px;
        color: #4A4A4A;
    }
    /*升级公告*/
    .content .article_list li .article_left .mouth{
        color:#4A4A4A;
    }
    .content .article_list li .article_left .day{
        color:#4A4A4A;
    }
    .content .article_list li .article_right .article_tit{
        font-size:14px;
        color:#4A4A4A;
    }
    .content .article_list li .article_right .article_info{
        color: #747474;
        font-size: 12px;
        line-height:18px;
    }
    .content .more_article{
        color:#4A4A4A;
        text-align:center;
        background:#E6E6E6;
    }
    /*关于我们*/
    .contents .case_list .about_message .about_left p{
        color:#4A4A4A;
    }
    .contents .case_list .about_fill .fill_left p{
        color: #4A4A4A;
    } 
    .contents .case_list .about_fill .fill_left input{
        background:#FFFFFF;
        color: #C3C3C3;
    }
    .contents .case_list .about_fill .fill_center p{
        color: #4A4A4A;
    }
    .contents .case_list .about_fill .fill_center textarea{
        border:1px solid #EAEAEA;
        color: #C3C3C3;
    }
    .contents .case_list .about_fill .fill_right p{
        color: #4A4A4A;
    }
    .about_bottom{
        width:100%;
        background:#F7F7F7;
    }
    .about_get li .get_tit .get_namer{
        color: #4A4A4A;
    }
    .about_get li .get_tit .get_namer_e{
        color: #4A4A4A;
    }
    .about_get li .get_title{
        color: #4A4A4A;
    }
    .about_get li .get_info{
        color: #4A4A4A;
    }
    .backtotop{
        position:fixed;
        bottom:20%;
        right:5%;
        z-index:100;
        width:60px;
        height:80px;
        display:none;
        background:rgba(0,0,0,0.3);
        border-radius:5px;
        text-align:center;
        line-height:80px;
    }
    .backtotop i{
        font-size:50px;
        color:#007DC6;
    }